<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="帅哥" onclick="myfn(1)">
<input type="button" value="美女" onclick="myfn(2)">
<div id="d1">

</div>
<script>
    function myfn(x) {
        var src;
        // if(x==1){
        //    src= '帅哥.png'
        // }else{
        //    src = '美女.png'
        // }

        // 条件表达式
        src = x==1 ? '帅哥.png' : '美女.png';


        // 获取d1对象
        var d1 = document.getElementById("d1")
        // 方式1：创建一个img对象，给img对象设置src属性和属性值,让后把img对象放入d1中

        // 方式2：
        d1.innerHTML += '<img src="'+ src +'">'
    }
</script>
</body>
</html>